<!DOCTYPE HTML>
<html class="no-js">
<head>
<!-- Basic Page Needs
  ================================================== -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Clarkepartner.com</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
  ================================================== -->
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="format-detection" content="telephone=no">
<!-- CSS
  ================================================== -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="plugins/prettyphoto/css/prettyPhoto.css" rel="stylesheet" type="text/css">
<link href="plugins/owl-carousel/css/owl.carousel.css" rel="stylesheet" type="text/css">
<link href="plugins/owl-carousel/css/owl.theme.css" rel="stylesheet" type="text/css">
<!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="css/ie8.css" media="screen" /><![endif]-->
<!-- Color Style -->
<link class="alt" href="colors/color10.css" rel="stylesheet" type="text/css">
<link href="style-switcher/css/style-switcher.css" rel="stylesheet" type="text/css">
<!-- SCRIPTS
  ================================================== -->
<script src="js/modernizr.js"></script><!-- Modernizr -->
</head>
<body>
<!--[if lt IE 7]>
	<p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<div class="body">
  <!-- Start Site Header -->
  <header class="site-header">
  <div class="top-header hidden-xs">
    <div class="container">
      <div class="row">
        <div class="col-md-4 col-sm-6">
          <ul class="horiz-nav pull-left">
            <li class="dropdown"> <a data-toggle="dropdown"><i class="fa fa-user"></i> Login <b class="caret"></b></a>
              <ul class="dropdown-menu multi-level" role="menu" aria-labelledby="dropdownMenu">
                <li class="dropdown-submenu"> <a tabindex="-1" href="#">Agent Login</a>
                  <ul class="dropdown-menu">
                    <li><a tabindex="-1" href="login.html">Login Page</a></li>
                    <!--<li class="dropdown-submenu">
                                                    <a href="#">Even More..</a>
                                                    <ul class="dropdown-menu">
                                                        <li><a href="#">3rd level</a></li>
                                                        <li><a href="#">3rd level</a></li>
                                                    </ul>
                                                </li>-->
                    <li class="divider"></li>
                    <li><a href="agents.html">Agent Page</a></li>
                    <li class="divider"></li>
                    <li><a href="my-properties.html">Agent Folder</a></li>
                  </ul>
                </li>
                <li class="divider"></li>
                <li class="dropdown-submenu"> <a tabindex="-1" href="#">Finance</a>
                  <ul class="dropdown-menu">
                    <li><a tabindex="-1" href="#">Residential(.doc)</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Commercial(.doc)</a></li>
                    <li class="divider"></li>
                    <li><a href="#">SMB (small-medium business)(.doc)</a></li>
                  </ul>
                </li>
                <li class="divider"></li>
                <li class="dropdown-submenu"> <a tabindex="-1" href="#">Investment</a>
                  <ul class="dropdown-menu">
                    <li><a tabindex="-1" href="#">Domestic (.doc)</a></li>
                    <li class="divider"></li>
                    <li><a href="#">International  (.doc)</a></li>
                  </ul>
                </li>
                <li class="divider"></li>
                <li class="dropdown-submenu"> <a tabindex="-1" href="#">Request Form</a>
                  <ul class="dropdown-menu">
                    <li><a tabindex="-1" href="#">Buyer Form</a></li>
                  </ul>
                </li>
              </ul>
            </li>
            <li><a href="login.html"><i class="fa fa-check-circle"></i> Register</a></li>
          </ul>
        </div>
        <div class="col-md-8 col-sm-6">
          <ul class="horiz-nav pull-right">
            <li><a href="http://instagram.com/" target="_blank"><i class="fa fa-instagram"></i></a></li>
            <li><a href="http://facebook.com/" target="_blank"><i class="fa fa-facebook"></i></a></li>
            <li><a href="http://twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="middle-header">
    <div class="container">
      <div class="row">
        <div class="col-md-4 col-sm-8 col-xs-8">
          <h1 class="logo"> <a href="index.html"><img src="images/logo.png" alt="Logo"></a> </h1>
        </div>
        <div class="col-md-8 col-sm-4 col-xs-4">
          <div class="contact-info-blocks hidden-sm hidden-xs">
            <div> <i class="fa fa-phone"></i> Free Line For You <span>080 378678 90</span> </div>
            <div> <i class="fa fa-envelope"></i> Email Us <span>sales@clarkepartner.com</span> </div>
            <div> <i class="fa fa-clock-o"></i> Working Hours <span>09:00 to 17:00</span> </div>
          </div>
          <a href="#" class="visible-sm visible-xs menu-toggle"><i class="fa fa-bars"></i></a> </div>
      </div>
    </div>
  </div>
  <div class="main-menu-wrapper">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <nav class="navigation">
            <ul class="sf-menu">
              <li><a href="index.html">Home</a> 
                <!--  <ul class="dropdown">
                    <li><a href="index.html">Version 1</a></li>
                    <li><a href="index1.html">Version 2</a></li>
                  </ul> --> 
              </li>
             
              <li><a href="#">Buying</a>
                <ul class="dropdown">
                  <li><a href="#">10 Things Buyers should Know</a> </li>
                  <li><a href="#">Why Choose Clarke</a> </li>
                  <li><a href="Mortgage-Calculator.html">Mortgage Calculator</a> </li>
                </ul>
              </li>
              <li><a href="#">Selling</a>
                <ul class="dropdown">
                  <li><a href="#">10 Things  Sellers Should Know</a> </li>
                  <li><a href="#">What  Is Different About a Clarke Financial Partner Agent</a> </li>
                  <li><a href="#">Seller’s Estimate </a> </li>
                </ul>
              </li>
              <li><a href="#">Investing</a>
                <ul class="dropdown">
                  <li><a href="#">10 Things Investors should know </a></li>
                  <li><a href="#">Why Invest With Clarke </a></li>
                  <li><a href="#">Clarke Investment Programs </a></li>
                  <li><a href="#">ROI </a></li>
                </ul>
              </li>
              <li><a href="#">Services</a>
                <ul class="dropdown">
                  <li><a href="#">Financial Services</a></li>
                  <li><a href="#">Property Management </a></li>
                </ul>
              </li>
              <li><a href="#">Careers</a>
                <ul class="dropdown">
                  <li><a href="#">Agents</a> </li>
                  <li><a href="#">Partners</a> </li>
                  <li><a href="#">Employees</a> </li>
                </ul>
              </li>
              <li><a href="#">About Us</a>
                <ul class="dropdown">
                  <li><a href="#">Team & Partners </a> </li>
                  <li><a href="#">History & Mission </a> </li>
                  <li><a href="contact.html">Contact Us </a> </li>
                </ul>
              </li>
            </ul>
          </nav>
        </div>
      </div>
    </div>
  </div>
</header>
  <!-- End Site Header --> 
  <!-- Site Showcase -->
  <div class="site-showcase"> 
    <!-- Start Page Header -->
    <div class="parallax page-header" id="contact-map">
         <iframe src="https://maps.google.com/?ie=UTF8&amp;ll=40.717989,-74.002705&amp;spn=0.043846,0.077162&amp;t=m&amp;z=14&amp;output=embed" width="100%" height="220px"></iframe>
    </div>
    <!-- End Page Header --> 
  </div>
  <!-- Start Content -->
  <div class="main" role="main">
    <div id="content" class="content full">
      <div class="container">
        <div class="page">
          <div class="row">
            <div class="col-md-6 col-sm-6">
              <h3>Quick Contact Form</h3>
              <div class="row">
                <form method="post" id="contactform" name="contactform" class="contact-form" action="http://preview.imithemes.com/real-spaces/mail/contact.php">
                  <div class="col-md-6 margin-15">
                    <div class="form-group">
                      <input type="text" id="name" name="name"  class="form-control input-lg" placeholder="Name*">
                    </div>
                    <div class="form-group">
                      <input type="email" id="email" name="email"  class="form-control input-lg" placeholder="Email*">
                    </div>
                    <div class="form-group">
                      <input type="text" id="phone" name="phone" class="form-control input-lg" placeholder="Phone">
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-group">
                      <textarea cols="6" rows="5" id="comments" name="comments" class="form-control input-lg" placeholder="Message"></textarea>
                      <input id="submit" name="submit" type="submit" class="btn btn-primary btn-lg btn-block" value="Submit now!">
                    </div>
                  </div>
                </form>
              </div>
              <div class="clearfix"></div>
              <div id="message"></div>
            </div>
            <div class="col-md-6 col-sm-6">
            	<h3>Our Location</h3>
              <div class="padding-as25 lgray-bg">
                    <p class="big">Nearby Street, Hudson Lane<br>
                     PO Box. 908509<br>
                     New York - USA</p>
                  <p>Email us at <a href="mailto:sales@realspaces.com"><strong>sales@realspaces.com</strong></a> or Call us on <strong>080 378678 90</strong></p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Start Site Footer -->
  <footer class="site-footer">
    <div class="container">
      <div class="row">
        <div class="col-md-6 col-sm-12 footer-widget widget">
          <h3 class="widgettitle">Contact Us</h3>
          <div class="padding-as25 lgray-bg">
            <p class="big">Nearby Street, Hudson Lane<br>
              PO Box. 908509<br>
              New York - USA</p>
            <p>Email us at <a href="mailto:sales@realspaces.com"><strong>sales@clarkepartner.com</strong></a> or Call us on <strong>080 378678 90</strong></p>
          </div>
        </div>
        <div class="col-md-3 col-sm-6 footer-widget widget">
          <h3 class="widgettitle">Useful Links</h3>
          <ul>
            <li><a href="submit.html">Add your listing</a></li>
            <li><a href="login.html">Become an agent</a></li>
            <li><a href="pricing.html">Pricing</a></li>
            <li><a href="about.html">About us</a></li>
            <li><a href="shortcodes.html">Theme features</a></li>
          </ul>
        </div>
        <div class="col-md-3 col-sm-6 footer-widget widget">
          <h3 class="widgettitle">Our Newsletter</h3>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus. Donec facilisis fermentum sem, ac viverra ante luctus vel.</p>
          <form>
            <input type="email" name="email" id="email" placeholder="Enter your email" class="form-control">
            <input type="submit" name="submit" class="btn btn-primary btn-block btn-lg" value="Subscribe">
          </form>
        </div>
      </div>
    </div>
  </footer>
  <footer class="site-footer-bottom">
    <div class="container">
      <div class="row">
        <div class="copyrights-col-left col-md-6 col-sm-6">
          <p>&copy; 2014 Clarke. All Rights Reserved</p>
        </div>
        <div class="copyrights-col-right col-md-6 col-sm-6">
          <div class="social-icons"> <a href="https://www.facebook.com/" target="_blank"><i class="fa fa-facebook"></i></a> <a href="https://twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a> <a href="http://www.pinterest.com/" target="_blank"><i class="fa fa-pinterest"></i></a> <a href="https://plus.google.com/" target="_blank"><i class="fa fa-google-plus"></i></a> <a href="http://www.pinterest.com/" target="_blank"><i class="fa fa-youtube"></i></a> <a href="#"><i class="fa fa-rss"></i></a> </div>
        </div>
      </div>
    </div>
  </footer>
  <!-- End Site Footer -->
  <a id="back-to-top"><i class="fa fa-angle-double-up"></i></a>
</div>
<script src="js/jquery-2.0.0.min.js"></script> <!-- Jquery Library Call --> 
<script src="plugins/prettyphoto/js/prettyphoto.js"></script> <!-- PrettyPhoto Plugin --> 
<script src="plugins/owl-carousel/js/owl.carousel.min.js"></script> <!-- Owl Carousel --> 
<script src="plugins/flexslider/js/jquery.flexslider.js"></script> <!-- FlexSlider --> 
<script src="js/helper-plugins.js"></script> <!-- Plugins --> 
<script src="js/bootstrap.js"></script> <!-- UI --> 
<script src="js/waypoints.js"></script> <!-- Waypoints --> 
<script src="js/init.js"></script> <!-- All Scripts --> 
<script src="style-switcher/js/jquery_cookie.js"></script> 
<script src="style-switcher/js/script.js"></script> 
<script src="http://maps.google.com/maps/api/js?sensor=false"></script> <!-- Google Map --> 
<script type="text/javascript">
        function PropertiesMap() {

            /* Properties Array */
            var properties = [
                { title:"116 Waverly Place",  price:"<strong>$</strong><span>2,800 monthly</span>",  lat:40.73238,  lng:-73.99948,  thumb:"images/property1-map.jpg",  url:"property-details.html",  icon:"images/map-marker.png", }
				
				];

            /* Map Center Location - From Theme Options */
            var location_center = new google.maps.LatLng(properties[0].lat,properties[0].lng);

            var mapOptions = {
                zoom: 5,
                scrollwheel: false
            }

            var map = new google.maps.Map(document.getElementById("gmap"), mapOptions);

            var bounds = new google.maps.LatLngBounds();

            var markers = new Array();
            var info_windows = new Array();

            for (var i=0; i < properties.length; i++) {

                markers[i] = new google.maps.Marker({
                    position: new google.maps.LatLng(properties[i].lat,properties[i].lng),
                    map: map,
                    icon: properties[i].icon,
                    title: properties[i].title,
                    animation: google.maps.Animation.DROP
                });

                bounds.extend(markers[i].getPosition());

                info_windows[i] = new google.maps.InfoWindow({
                    content:    '<div class="map-property">'+
                        '<h4 class="property-title"><a class="title-link" href="'+properties[i].url+'">'+properties[i].title+'</a></h4>'+
                        '<a class="property-featured-image" href="'+properties[i].url+'"><img class="property-thumb" src="'+properties[i].thumb+'" alt="'+properties[i].title+'"/></a>'+
                        '<p><span class="price">'+properties[i].price+'</span></p>'+
                        '<a class="btn btn-primary btn-sm" href="'+properties[i].url+'">Details</a>'+
                        '</div>'
                });

                attachInfoWindowToMarker(map, markers[i], info_windows[i]);
            }

            map.fitBounds(bounds);

            /* function to attach infowindow with marker */
            function attachInfoWindowToMarker( map, marker, infoWindow ){
                google.maps.event.addListener( marker, 'click', function(){
                    infoWindow.open( map, marker );
                });
            }

        }

        google.maps.event.addDomListener(window, 'load', PropertiesMap);
    </script> 
<!-- Style Switcher Start -->
</body>
</html>